<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#all1{
				width: 1300px;
				height: 800px;
				margin: 0 auto;
			}
			#buy{
				width: 1300px;
				height: 600px;
				margin-left: 170px;
				
			}
			#title1{
				width: 1300px;
			}
			#title1 span{
				width: 100px;
				padding-left: 90px;
			}
			#shopping{
				width: 1300px;
				padding-top: 20px;
			}
			#buyimg{
				background: url(img/buytitle_bg.gif);
				background-repeat: no-repeat;
				width: 1300px
				height: 100px;
			}
			#buyimg h3{
				padding-left: 70px;
				height: 40px;
				line-height: 40px;
			}
			#shopbiao td{
				padding: 20px;
			}
			#shopbiao td:nth-child(3)
			{
				color: red;
			}
			#buyimg2{
				background: url(img/buytitle_bg.gif);
				background-repeat: no-repeat;
				width: 1300px
				height: 100px;
				margin-top: 30px;
			}
			#buyimg2 h3{
				padding-left: 70px;
				height: 40px;
				line-height: 40px;
			}
			#type1{
				width: 40px;
			}
			#type2{
				width: 60px;
			}
			#type3{
				width: 40px;
			}
			#but1{
				width: 90px;
				height: 40px;
				background-color: #F4A460;
				border-radius: 10px;
				border: 1px solid #FF7F50;
			}
			#biao2{
				margin-left: 100px;
			}
			#f1{
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div id="all1">
		<iframe src="tou.html" frameborder="0" scrolling="no" width="1300px" height="150px" id="f1"></iframe>
		<div id="buy">
			<div id="title1">
				<img src="img/mycart.gif" />
				<span><b>全场运费两元</b></span>
				<span><b>简易计算器</b></span>
			</div>
			<div id="shopping">
				<div id="buyimg">
					<h3>确认商品价格与交易条件</h3>
				</div>
				<div id="biao1">
					<table id="shopbiao">
						<tr>
							<th>商品名</th>
							<th>原价</th>
							<th>优惠价</th>
							<th>打折</th>
							<th>数量</th>
							<th>删除</th>
						</tr>
						<tr>
							<td>攀高搓捶背靠垫按摩器（蓝色）（定制）</td>
							<td>￥258.00</td>
							<td>￥129.00</td>
							<td>50折</td>
							<td>
								<input type="text" placeholder="1" />
							</td>
							<td>删除</td>
						</tr>
						<tr>
							<td>郝彬美国口语-美国口语成功训练系统（MP3）</td>
							<td>￥480.00</td>
							<td>￥292.90</td>
							<td>60折</td>
							<td>
								<input type="text" placeholder="1" />
							</td>
							<td>删除</td>
						</tr>
						<tr>
							<td>简.奥斯汀全集（DVD-9）（赠BBC产品目录）</td>
							<td>￥138.00</td>
							<td>￥103.90</td>
							<td>80折</td>
							<td>
								<input type="text" placeholder="1" />
							</td>
							<td>删除</td>
						</tr>
						<tr>
							<td>继续挑选商品</td>
							<td colspan="2">￥527.40</td>
							<td></td>
							<td colspan="2">你共节省：￥348.60</td>
						</tr>
					</table>
				</div>
				<div id="buyimg2">
					<h3>补充你的邮件地址和联系人基本信息</h3>
				</div>
				<div id="biao2">
					<table>
						<tr>
							<td>收件人：</td>
							<td>
								<input type="text" />
							</td>
						</tr>
						<tr>
							<td>地址：</td>
							<td>
								<input type="text" />请点击填写地址
							</td>
						</tr>
						<tr>
							<td>电话：</td>
							<td>
								<input type="text" id="type1" />-<input type="text" id="type2" />-<input type="text" id="type3" />（区号-电话号码-分机）
							</td>
						</tr>
						<tr>
							<td></td>
							<td>
								<input type="button" value="提交"  id="but1"/>
							</td>
						</tr>
					</table>
				</div>
			</div>
			
		</div>
		<iframe src="bottom.html" width="1300px" height="500px" frameborder="0" scrolling="no"></iframe>
		</div> 
	</body>
</html>
